<style>
    h3{
        border: solid 1px #cccccc;
        border-radius: 5px;
        padding: 3px;
    }
    h1{
        border-left: 2px solid #1e9fff;
        padding: 0px 20px 6px 10px;
        margin: .3em 0;
        word-break: break-word;
        font-size: 18px;
    }
    h2{
        font-size: 24px;
    }
    .h3-selectd{
        background: #5198d6;
        color: #fff;
    }
    body{
        background: #eee;
    }
    .desc{
        font-size: 16px;
        margin-top: 10%;
        line-height: 25px;
        background-color: #e2b283db;
        padding: 5px 20px;
    }
	.container-fluid{
		padding: 0;
	}
	.twoCol{
		display: flex;
		flex-wrap: wrap;
	}
	.twoCol h3{
		width: 22%;
		text-align: center;
		margin-left: 2%;
		font-size: 16px;
	}
	.sl_h3{
		margin: 2px 0px
	}
	.page-header{
		border-bottom: none!important;
	}
	html{
		background: #fff!important;
	}
	.sl_h2{
		line-height: 30px!important;
		margin-bottom: 40px;
	}
	body{
		height: calc( 100vh - 161px);
	}
	.btninfo1{background-color: #0c6ec8;color: #fff;border-color:#0c6ec8}
	.btninfo2{background-color: #0c6ec8;color: #fff;border-color:#0c6ec8}
	.subject{ pbaadding: 5px 8px;}
	.logo1{font-size: 20px;color: #ffffff;line-height: 45px;text-align: center}

	.th1{font-size: 16px}
</style>
<div class="header" style="background-color:  #1688f1;border-bottom: none;height: 82px;line-height:30px">
	<div class="wrap">
		<div class="logo1"> 市北区区管党政正职适岗测评 </div>
	</div>
	<div class="sl_h1" style="text-align: right;margin-right: 3%">
		<!-- <button class="btn btn-warning btn-zysx" >注意事项</button> -->
		<button class="btn btn-rylb" style="background-color:#0e5ed9;color: #fff;">人员列表</button>
	</div>
</div>
<div class="page-header" style="border-radius:3px;margin-top:82px;">
    <p class=" desc">
        注意事项:<br/>
        适岗测评分为综合素质、业务能力、履职尽责、班子建设、生态氛围、工作实绩6类评价要素。请点击下方查看详情。<br/>
        <p class="desc jieshao" style="margin-top: 0px;">
        	<span style="text-decoration:underline;">评价要素详情</span>
        	<span style="color:#f75444;text-decoration:underline;text-decoration-color:#f75444;">（点击查看）</span>
        </p>
    </p> 
    {volist name="subjects" id="vo2"}
    <div class="subject subject_{$vo2.id}" {if condition="$vo2.id neq 1"}style="display:none;"{/if}>
        <h1 class="sl_h1" style="font-weight: 600;">
        	{$vo2.id}<small>/{$count}</small>. 
        	<span>{:$vo2.name}</span> 
        	<span style="margin-left: 10%;">{:$vo2.department}</span></h1>
        <h1 class="th1" style="margin-top: 5%;">
        	1.综合素质
        </h1>
        <div class="twoCol">
        	{volist name="vo2.typelist" id="vv"}
			<h3 class="answer answer-zonghesuzhi sl_h3" data-key="0" data-id="{$vo2.id}"  data-params='{"table_id":"zonghesuzhi","id":{$vo2.id}}' data-val="{:$vv.name}" data-type="zonghesuzhi">
			    {$vv.name}
			</h3>
			{/volist}
		</div>
		<h1 class="th1">
        	2.业务能力
        </h1>
        <div class="twoCol">
        	{volist name="vo2.typelist" id="vv2"}
			<h3 class="answer answer-yewunengli sl_h3" data-key="1" data-id="{$vo2.id}"  data-params='{"table_id":"yewunengli","id":{$vo2.id}}' data-val="{:$vv2.name}" data-type="yewunengli">
			    {$vv2.name}
			</h3>
			{/volist}
		</div>
        <h1 class="th1">
        	3.履职尽责
        </h1>
        <div class="twoCol">
        	{volist name="vo2.typelist" id="vv3"}
			<h3 class="answer answer-lvzhijinze sl_h3" data-key="2" data-id="{$vo2.id}"  data-params='{"table_id":"lvzhijinze","id":{$vo2.id}}' data-val="{:$vv3.name}" data-type="lvzhijinze">
			    {$vv3.name}
			</h3>
			{/volist}
		</div>
		<h1 class="th1">
        	4.班子建设
        </h1>
        <div class="twoCol">
        	{volist name="vo2.typelist" id="vv4"}
			<h3 class="answer answer-banzijianshe sl_h3" data-key="3" data-id="{$vo2.id}"  data-params='{"table_id":"banzijianshe","id":{$vo2.id}}' data-val="{:$vv4.name}" data-type="banzijianshe">
			    {$vv4.name}
			</h3>
			{/volist}
		</div>
		<h1 class="th1">
        	5.生态氛围
        </h1>
        <div class="twoCol">
        	{volist name="vo2.typelist" id="vv5"}
			<h3 class="answer answer-shengtaifenwei sl_h3" data-key="4" data-id="{$vo2.id}"  data-params='{"table_id":"shengtaifenwei","id":{$vo2.id}}' data-val="{:$vv5.name}" data-type="shengtaifenwei">
			    {$vv5.name}
			</h3>
			{/volist}
		</div>
		<h1 class="th1">
        	6.工作实绩
        </h1>
        <div class="twoCol">
        	{volist name="vo2.typelist" id="vv6"}
			<h3 class="answer answer-gongzuoshiji sl_h3" data-key="5" data-id="{$vo2.id}"  data-params='{"table_id":"gongzuoshiji","id":{$vo2.id}}' data-val="{:$vv6.name}" data-type="gongzuoshiji">
			    {$vv6.name}
			</h3>
			{/volist}
		</div>
		<div class="panel-info" style="margin-top: 5px;">
	        <div class="panel-body" style="text-align: center;">
	        	<button  class="sl_btn btn btn-last" style="{if $vo2.id ==1} background-color:gray; {else} background-color:#0e5ed9;{/if} color: #fff;margin-right: 50%" data-id="{$vo2.id}">上一页</button>
	            <button  class="sl_btn btn btn-next" style="background-color:#0e5ed9;color: #fff;" data-id="{$vo2.id}">下一页</button>
	            <button  class="btn btn-submit" style="background-color:#0e5ed9;color: #fff;display:none" data-id="{$vo2.id}">提交</button>
	        </div>
	    </div>
    </div>
    {/volist}
</div>
<script src="__CDN__/assets/js/skinjs/base-loading.js"></script>